﻿<!DOCTYPE html>
<html>
<head>
<!--
    Copyright (c) Microsoft Corporation

All rights reserved.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License.  You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0   

THIS CODE IS PROVIDED *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT.  

See the Apache Version 2.0 License for specific language governing permissions and limitations under the License.
 -->
    <meta charset="utf-8" />
    <title>YetiBowl Climbers</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- YetiBowl references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
    <script src="/js/hikers.js"></script>

</head>
<body>

<header aria-label="Header content" role="banner">
    <a class="win-backbutton" aria-label="Back" type="button" href="home.html"></a>
    <h1>Hikers</h1>
</header>


    
<div id="imageOverlayLanding"
    data-win-control="WinJS.UI.ListView"
    data-win-options="{ itemDataSource: DataHikers.itemList.dataSource, 
        itemTemplate: select('#imageOverlayLandingTemplate'), 
        layout: { type: WinJS.UI.GridLayout }, selectionMode: 'single' }">
</div>

    <div id="hikersAppBar" data-win-control="WinJS.UI.AppBar" class="win-appbar win-ui-dark" data-win-options="{sticky:'true'}">
        <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdAdd', label: 'New Hiker', icon: 'add', section:'global', tooltip: 'New Hiker'}"></button>
        <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdDelete',label:'Delete Hiker',icon:'delete', section:'selection',tooltip:'Delete Hiker'}"></button>
        <button data-win-control="WinJS.UI.AppBarCommand" data-win-options="{id:'cmdEdit',label:'Edit Hiker',icon:'edit', section:'selection',tooltip:'Edit Hiker'}"></button>
    </div>

</body>
</html>
